.button-variant {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
@font-face {
	font-family:'moco';
	src:url('../fonts/moco.eot');
	src:url('../fonts/moco.eot') format('embedded-opentype'),url('../fonts/moco.ttf') format('truetype'),url('../fonts/moco.woff') format('woff'),url('../fonts/moco.svg') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="moco-icon-"],[class*=" moco-icon-"] {
	font-family:'moco' !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.moco-icon-thumb_o:before {
	content:"\e91e"
}
.moco-icon-check:before {
	content:"\e91d"
}
.moco-icon-group_add:before {
	content:"\e918"
}
.moco-icon-exp_o:before {
	content:"\e917"
}
.moco-icon-left3:before {
	content:"\e90a"
}
.moco-icon-godown:before {
	content:"\e910"
}
.moco-icon-goup:before {
	content:"\e912"
}
.moco-icon-mail:before {
	content:"\e612"
}
.moco-icon-notifi:before {
	content:"\e909"
}
.moco-icon-del:before {
	content:"\e60f"
}
.moco-icon-edit:before {
	content:"\e60b"
}
.moco-icon-drop_left:before {
	content:"\e915"
}
.moco-icon-drop_right:before {
	content:"\e90b"
}
.moco-icon-drop_up:before {
	content:"\e916"
}
.moco-icon-drop_down:before {
	content:"\e90c"
}
.moco-icon-notdisplay:before {
	content:"\e90d"
}
.moco-icon-wiki:before {
	content:"\e608"
}
.moco-icon-blog:before {
	content:"\e90e"
}
.moco-icon-yuanwen:before {
	content:"\e90f"
}
.moco-icon-plan:before {
	content:"\e609"
}
.moco-icon-shizhan:before {
	content:"\e911"
}
.moco-icon-tick:before {
	content:"\e600"
}
.moco-icon-left2:before {
	content:"\e913"
}
.moco-icon-right2:before {
	content:"\e914"
}
.moco-icon-down2:before {
	content:"\e903"
}
.moco-icon-up2:before {
	content:"\e904"
}
.moco-icon-wxgzh:before {
	content:"\e907"
}
.moco-icon-appdownload:before {
	content:"\e908"
}
.moco-icon-feedback:before {
	content:"\e906"
}
.moco-icon-flag2:before {
	content:"\e902"
}
.moco-icon-close2:before {
	content:"\e905"
}
.moco-icon-star_half:before {
	content:"\e901"
}
.moco-icon-star2:before {
	content:"\e900"
}
.moco-icon-show-pw:before {
	content:"\e648"
}
.moco-icon-share-weibo:before {
	content:"\e645"
}
.moco-icon-share-weichat:before {
	content:"\e646"
}
.moco-icon-share-qq:before {
	content:"\e647"
}
.moco-icon-home:before {
	content:"\e601"
}
.moco-icon-clock:before {
	content:"\e602"
}
.moco-icon-chat:before {
	content:"\e603"
}
.moco-icon-msg:before {
	content:"\e604"
}
.moco-icon-resp:before {
	content:"\e605"
}
.moco-icon-addques:before {
	content:"\e606"
}
.moco-icon-user:before {
	content:"\e607"
}
.moco-icon-note:before {
	content:"\e60a"
}
.moco-icon-share:before {
	content:"\e60c"
}
.moco-icon-set:before {
	content:"\e60d"
}
.moco-icon-camera:before {
	content:"\e60e"
}
.moco-icon-search:before {
	content:"\e610"
}
.moco-icon-key:before {
	content:"\e611"
}
.moco-icon-smail:before {
	content:"\e613"
}
.moco-icon-point:before {
	content:"\e614"
}
.moco-icon-ques:before {
	content:"\e615"
}
.moco-icon-tick2:before {
	content:"\e616"
}
.moco-icon-chapter:before {
	content:"\e617"
}
.moco-icon-mobile:before {
	content:"\e618"
}
.moco-icon-gotop:before {
	content:"\e619"
}
.moco-icon-statistic:before {
	content:"\e61a"
}
.moco-icon-code:before {
	content:"\e61b"
}
.moco-icon-video:before {
	content:"\e61c"
}
.moco-icon-test:before {
	content:"\e61d"
}
.moco-icon-menu:before {
	content:"\e61e"
}
.moco-icon-plus:before {
	content:"\e61f"
}
.moco-icon-sub:before {
	content:"\e620"
}
.moco-icon-close:before {
	content:"\e621"
}
.moco-icon-down:before {
	content:"\e622"
}
.moco-icon-left:before {
	content:"\e623"
}
.moco-icon-top:before {
	content:"\e624"
}
.moco-icon-right:before {
	content:"\e625"
}
.moco-icon-exit:before {
	content:"\e626"
}
.moco-icon-refresh:before {
	content:"\e627"
}
.moco-icon-again:before {
	content:"\e628"
}
.moco-icon-bell:before {
	content:"\e629"
}
.moco-icon-nobell:before {
	content:"\e62a"
}
.moco-icon-nolearn:before {
	content:"\e62b"
}
.moco-icon-half:before {
	content:"\e62c"
}
.moco-icon-full:before {
	content:"\e62d"
}
.moco-icon-point-revert:before {
	content:"\e62e"
}
.moco-icon-ques-revert:before {
	content:"\e62f"
}
.moco-icon-tick-revert:before {
	content:"\e630"
}
.moco-icon-flag:before {
	content:"\e631"
}
.moco-icon-msg-revert:before {
	content:"\e632"
}
.moco-icon-ad:before {
	content:"\e633"
}
.moco-icon-imooc:before {
	content:"\e634"
}
.moco-icon-thumb:before {
	content:"\e635"
}
.moco-icon-thumb-revert:before {
	content:"\e636"
}
.moco-icon-star:before {
	content:"\e637"
}
.moco-icon-star-revert:before {
	content:"\e638"
}
.moco-icon-heart:before {
	content:"\e639"
}
.moco-icon-heart-revert:before {
	content:"\e63a"
}
.moco-icon-qq:before {
	content:"\e63b"
}
.moco-icon-weibo:before {
	content:"\e63c"
}
.moco-icon-qqweibo:before {
	content:"\e63d"
}
.moco-icon-weixin:before {
	content:"\e63e"
}
.moco-icon-folder:before {
	content:"\e63f"
}
.moco-icon-jian:before {
	content:"\e640"
}
.moco-icon-ding:before {
	content:"\e641"
}
.moco-icon-you:before {
	content:"\e642"
}
.moco-icon-apple:before {
	content:"\e643"
}
.moco-icon-android:before {
	content:"\e644"
}
.moco-icon-checkbox_o:before {
	content:"\e91b"
}
.moco-icon-checkbox:before {
	content:"\e91c"
}
.moco-icon-share2:before {
	content:"\e91f"
}
.moco-icon-set2:before {
	content:"\e920"
}
.moco-icon-remove_circle:before {
	content:"\e921"
}
.moco-btn-base {
	position:relative;
	display:inline-block;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	text-decoration:none;
	box-sizing:border-box;
	background-image:none;
	border-radius:0;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.moco-btn-base:active,.moco-btn-base.active {
	outline:0;
	background-image:none
}
.moco-btn-base.disabled,.moco-btn-base[disabled],fieldset[disabled] .moco-btn-base {
	pointer-events:none;
	opacity:.6;
	filter:alpha(opacity=60);
	box-shadow:none
}
.moco-btn {
	position:relative;
	display:inline-block;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	text-decoration:none;
	box-sizing:border-box;
	background-image:none;
	border-radius:0;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:transparent;
	border-color:#9199a1;
	opacity:1;
	padding:7px 16px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:18px
}
.moco-btn:active,.moco-btn.active {
	outline:0;
	background-image:none
}
.moco-btn.disabled,.moco-btn[disabled],fieldset[disabled] .moco-btn {
	pointer-events:none;
	opacity:.6;
	filter:alpha(opacity=60);
	box-shadow:none
}
.moco-btn i {
	color:#545c63
}
.moco-btn:link,.moco-btn:visited {
	color:#545c63
}
.moco-btn:hover,.moco-btn:focus,.moco-btn.focus,.moco-btn:active,.moco-btn.active {
	color:#1c1f21;
	border-color:#545c63;
	opacity:1
}
.moco-btn.disabled,.moco-btn[disabled],.moco-btn.disabled:hover,.moco-btn[disabled]:hover,.moco-btn.disabled:focus,.moco-btn[disabled]:focus,.moco-btn.disabled.focus,.moco-btn[disabled].focus,.moco-btn.disabled:active,.moco-btn[disabled]:active,.moco-btn.disabled.active,.moco-btn[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#9199a1;
	border-color:#d3d6d9
}
.moco-btn i {
	font-size:14px
}
.moco-ico-btn {
	position:relative;
	display:inline-block;
	margin-bottom:0;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	text-decoration:none;
	box-sizing:border-box;
	background-image:none;
	border-radius:0;
	-webkit-appearance:none;
	white-space:nowrap;
	outline:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:transparent;
	border-color:#9199a1;
	opacity:1;
	padding:7px 16px;
	font-size:14px;
	line-height:1.42857143;
	border-radius:18px
}
.moco-ico-btn i {
	position:relative;
	top:2px;
	margin-right:4px
}
.moco-ico-btn:active,.moco-ico-btn.active {
	outline:0;
	background-image:none
}
.moco-ico-btn.disabled,.moco-ico-btn[disabled],fieldset[disabled] .moco-ico-btn {
	pointer-events:none;
	opacity:.6;
	filter:alpha(opacity=60);
	box-shadow:none
}
.moco-ico-btn i {
	color:#545c63
}
.moco-ico-btn:link,.moco-ico-btn:visited {
	color:#545c63
}
.moco-ico-btn:hover,.moco-ico-btn:focus,.moco-ico-btn.focus,.moco-ico-btn:active,.moco-ico-btn.active {
	color:#1c1f21;
	border-color:#545c63;
	opacity:1
}
.moco-ico-btn.disabled,.moco-ico-btn[disabled],.moco-ico-btn.disabled:hover,.moco-ico-btn[disabled]:hover,.moco-ico-btn.disabled:focus,.moco-ico-btn[disabled]:focus,.moco-ico-btn.disabled.focus,.moco-ico-btn[disabled].focus,.moco-ico-btn.disabled:active,.moco-ico-btn[disabled]:active,.moco-ico-btn.disabled.active,.moco-ico-btn[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#9199a1;
	border-color:#d3d6d9
}
.moco-ico-btn i {
	font-size:16px
}
.moco-btn-red {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#fff;
	background-color:#f20d0d;
	border-color:#f20d0d;
	opacity:1
}
.moco-btn-red i {
	color:#fff
}
.moco-btn-red:link,.moco-btn-red:visited {
	color:#fff
}
.moco-btn-red:hover,.moco-btn-red:focus,.moco-btn-red.focus,.moco-btn-red:active,.moco-btn-red.active {
	color:#fff;
	border-color:#c20a0a;
	background:#c20a0a;
	opacity:1
}
.moco-btn-red.disabled,.moco-btn-red[disabled],.moco-btn-red.disabled:hover,.moco-btn-red[disabled]:hover,.moco-btn-red.disabled:focus,.moco-btn-red[disabled]:focus,.moco-btn-red.disabled.focus,.moco-btn-red[disabled].focus,.moco-btn-red.disabled:active,.moco-btn-red[disabled]:active,.moco-btn-red.disabled.active,.moco-btn-red[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:.6;
	color:#fff;
	border-color:#f20d0d;
	background:#f20d0d
}
.moco-btn-blue {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#fff;
	background-color:#1481b8;
	border-color:#1481b8;
	opacity:1
}
.moco-btn-blue i {
	color:#fff
}
.moco-btn-blue:link,.moco-btn-blue:visited {
	color:#fff
}
.moco-btn-blue:hover,.moco-btn-blue:focus,.moco-btn-blue.focus,.moco-btn-blue:active,.moco-btn-blue.active {
	color:#fff;
	border-color:#0f618a;
	background:#0f618a;
	opacity:1
}
.moco-btn-blue.disabled,.moco-btn-blue[disabled],.moco-btn-blue.disabled:hover,.moco-btn-blue[disabled]:hover,.moco-btn-blue.disabled:focus,.moco-btn-blue[disabled]:focus,.moco-btn-blue.disabled.focus,.moco-btn-blue[disabled].focus,.moco-btn-blue.disabled:active,.moco-btn-blue[disabled]:active,.moco-btn-blue.disabled.active,.moco-btn-blue[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:.6;
	color:#fff;
	border-color:#1481b8;
	background:#1481b8
}
.moco-btn-green {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#fff;
	background-color:#1fad4e;
	border-color:#1fad4e;
	opacity:1
}
.moco-btn-green i {
	color:#fff
}
.moco-btn-green:link,.moco-btn-green:visited {
	color:#fff
}
.moco-btn-green:hover,.moco-btn-green:focus,.moco-btn-green.focus,.moco-btn-green:active,.moco-btn-green.active {
	color:#fff;
	border-color:#17823b;
	background:#17823b;
	opacity:1
}
.moco-btn-green.disabled,.moco-btn-green[disabled],.moco-btn-green.disabled:hover,.moco-btn-green[disabled]:hover,.moco-btn-green.disabled:focus,.moco-btn-green[disabled]:focus,.moco-btn-green.disabled.focus,.moco-btn-green[disabled].focus,.moco-btn-green.disabled:active,.moco-btn-green[disabled]:active,.moco-btn-green.disabled.active,.moco-btn-green[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:.6;
	color:#fff;
	border-color:#1fad4e;
	background:#1fad4e
}
.moco-btn-cyan {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#fff;
	background-color:#149cb8;
	border-color:#149cb8;
	opacity:1
}
.moco-btn-cyan i {
	color:#fff
}
.moco-btn-cyan:link,.moco-btn-cyan:visited {
	color:#fff
}
.moco-btn-cyan:hover,.moco-btn-cyan:focus,.moco-btn-cyan.focus,.moco-btn-cyan:active,.moco-btn-cyan.active {
	color:#fff;
	border-color:#0f758a;
	background:#0f758a;
	opacity:1
}
.moco-btn-cyan.disabled,.moco-btn-cyan[disabled],.moco-btn-cyan.disabled:hover,.moco-btn-cyan[disabled]:hover,.moco-btn-cyan.disabled:focus,.moco-btn-cyan[disabled]:focus,.moco-btn-cyan.disabled.focus,.moco-btn-cyan[disabled].focus,.moco-btn-cyan.disabled:active,.moco-btn-cyan[disabled]:active,.moco-btn-cyan.disabled.active,.moco-btn-cyan[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:.6;
	color:#fff;
	border-color:#149cb8;
	background:#149cb8
}
.moco-btn-normal {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:transparent;
	border-color:#9199a1;
	opacity:1
}
.moco-btn-normal i {
	color:#545c63
}
.moco-btn-normal:link,.moco-btn-normal:visited {
	color:#545c63
}
.moco-btn-normal:hover,.moco-btn-normal:focus,.moco-btn-normal.focus,.moco-btn-normal:active,.moco-btn-normal.active {
	color:#1c1f21;
	border-color:#545c63;
	opacity:1
}
.moco-btn-normal.disabled,.moco-btn-normal[disabled],.moco-btn-normal.disabled:hover,.moco-btn-normal[disabled]:hover,.moco-btn-normal.disabled:focus,.moco-btn-normal[disabled]:focus,.moco-btn-normal.disabled.focus,.moco-btn-normal[disabled].focus,.moco-btn-normal.disabled:active,.moco-btn-normal[disabled]:active,.moco-btn-normal.disabled.active,.moco-btn-normal[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#9199a1;
	border-color:#d3d6d9
}
.moco-btn-gray-l {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:rgba(84,92,99,0.1);
	border-color:rgba(84,92,99,0.1);
	opacity:1;
	border-color:transparent
}
.moco-btn-gray-l i {
	color:#545c63
}
.moco-btn-gray-l:link,.moco-btn-gray-l:visited {
	color:#545c63
}
.moco-btn-gray-l:hover,.moco-btn-gray-l:focus,.moco-btn-gray-l.focus,.moco-btn-gray-l:active,.moco-btn-gray-l.active {
	color:#1c1f21;
	border-color:rgba(84,92,99,0.2);
	background:rgba(84,92,99,0.2);
	opacity:1
}
.moco-btn-gray-l.disabled,.moco-btn-gray-l[disabled],.moco-btn-gray-l.disabled:hover,.moco-btn-gray-l[disabled]:hover,.moco-btn-gray-l.disabled:focus,.moco-btn-gray-l[disabled]:focus,.moco-btn-gray-l.disabled.focus,.moco-btn-gray-l[disabled].focus,.moco-btn-gray-l.disabled:active,.moco-btn-gray-l[disabled]:active,.moco-btn-gray-l.disabled.active,.moco-btn-gray-l[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#545c63;
	border-color:rgba(84,92,99,0.1);
	background:rgba(84,92,99,0.1)
}
.moco-btn-gray-l:hover,.moco-btn-gray-l:focus,.moco-btn-gray-l.focus,.moco-btn-gray-l:active,.moco-btn-gray-l.active {
	border-color:transparent
}
.moco-btn-gray-l.disabled,.moco-btn-gray-l[disabled],.moco-btn-gray-l.disabled:hover,.moco-btn-gray-l[disabled]:hover,.moco-btn-gray-l.disabled:focus,.moco-btn-gray-l[disabled]:focus,.moco-btn-gray-l.disabled.focus,.moco-btn-gray-l[disabled].focus,.moco-btn-gray-l.disabled:active,.moco-btn-gray-l[disabled]:active,.moco-btn-gray-l.disabled.active,.moco-btn-gray-l[disabled].active {
	color:#9199a1;
	background-color:rgba(84,92,99,0.08);
	border-color:transparent
}
.moco-btn-line-l {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:rgba(255,255,255,0.8);
	background-color:transparent;
	border-color:rgba(255,255,255,0.4);
	opacity:1
}
.moco-btn-line-l i {
	color:rgba(255,255,255,0.8)
}
.moco-btn-line-l:link,.moco-btn-line-l:visited {
	color:rgba(255,255,255,0.8)
}
.moco-btn-line-l:hover,.moco-btn-line-l:focus,.moco-btn-line-l.focus,.moco-btn-line-l:active,.moco-btn-line-l.active {
	color:#fff;
	border-color:#fff;
	opacity:1
}
.moco-btn-line-l.disabled,.moco-btn-line-l[disabled],.moco-btn-line-l.disabled:hover,.moco-btn-line-l[disabled]:hover,.moco-btn-line-l.disabled:focus,.moco-btn-line-l[disabled]:focus,.moco-btn-line-l.disabled.focus,.moco-btn-line-l[disabled].focus,.moco-btn-line-l.disabled:active,.moco-btn-line-l[disabled]:active,.moco-btn-line-l.disabled.active,.moco-btn-line-l[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:rgba(255,255,255,0.4);
	border-color:rgba(255,255,255,0.2)
}
.moco-btn-opa {
	box-sizing:border-box;
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:transparent;
	border-color:transparent;
	opacity:1
}
.moco-btn-opa i {
	color:#545c63
}
.moco-btn-opa:link,.moco-btn-opa:visited {
	color:#545c63
}
.moco-btn-opa:hover,.moco-btn-opa:focus,.moco-btn-opa.focus,.moco-btn-opa:active,.moco-btn-opa.active {
	color:#1c1f21;
	border-color:rgba(84,92,99,0.2);
	background:rgba(84,92,99,0.2);
	opacity:1
}
.moco-btn-opa.disabled,.moco-btn-opa[disabled],.moco-btn-opa.disabled:hover,.moco-btn-opa[disabled]:hover,.moco-btn-opa.disabled:focus,.moco-btn-opa[disabled]:focus,.moco-btn-opa.disabled.focus,.moco-btn-opa[disabled].focus,.moco-btn-opa.disabled:active,.moco-btn-opa[disabled]:active,.moco-btn-opa.disabled.active,.moco-btn-opa[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#545c63;
	border-color:transparent;
	background:transparent
}
.moco-btn-opa:hover,.moco-btn-opa:focus,.moco-btn-opa.focus,.moco-btn-opa:active,.moco-btn-opa.active {
	border-color:transparent
}
.moco-btn-opa.disabled,.moco-btn-opa[disabled],.moco-btn-opa.disabled:hover,.moco-btn-opa[disabled]:hover,.moco-btn-opa.disabled:focus,.moco-btn-opa[disabled]:focus,.moco-btn-opa.disabled.focus,.moco-btn-opa[disabled].focus,.moco-btn-opa.disabled:active,.moco-btn-opa[disabled]:active,.moco-btn-opa.disabled.active,.moco-btn-opa[disabled].active {
	color:#9199a1;
	background-color:transparent;
	border-color:transparent
}
.moco-btn-black {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:transparent;
	border-color:#9199a1;
	opacity:1
}
.moco-btn-black i {
	color:#545c63
}
.moco-btn-black:link,.moco-btn-black:visited {
	color:#545c63
}
.moco-btn-black:hover,.moco-btn-black:focus,.moco-btn-black.focus,.moco-btn-black:active,.moco-btn-black.active {
	color:#1c1f21;
	border-color:#545c63;
	opacity:1
}
.moco-btn-black.disabled,.moco-btn-black[disabled],.moco-btn-black.disabled:hover,.moco-btn-black[disabled]:hover,.moco-btn-black.disabled:focus,.moco-btn-black[disabled]:focus,.moco-btn-black.disabled.focus,.moco-btn-black[disabled].focus,.moco-btn-black.disabled:active,.moco-btn-black[disabled]:active,.moco-btn-black.disabled.active,.moco-btn-black[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#9199a1;
	border-color:#d3d6d9
}
.moco-btn-gray {
	border-style:solid;
	border-width:1px;
	cursor:pointer;
	-weibkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	color:#545c63;
	background-color:rgba(84,92,99,0.1);
	border-color:rgba(84,92,99,0.1);
	opacity:1;
	border-color:transparent
}
.moco-btn-gray i {
	color:#545c63
}
.moco-btn-gray:link,.moco-btn-gray:visited {
	color:#545c63
}
.moco-btn-gray:hover,.moco-btn-gray:focus,.moco-btn-gray.focus,.moco-btn-gray:active,.moco-btn-gray.active {
	color:#1c1f21;
	border-color:rgba(84,92,99,0.2);
	background:rgba(84,92,99,0.2);
	opacity:1
}
.moco-btn-gray.disabled,.moco-btn-gray[disabled],.moco-btn-gray.disabled:hover,.moco-btn-gray[disabled]:hover,.moco-btn-gray.disabled:focus,.moco-btn-gray[disabled]:focus,.moco-btn-gray.disabled.focus,.moco-btn-gray[disabled].focus,.moco-btn-gray.disabled:active,.moco-btn-gray[disabled]:active,.moco-btn-gray.disabled.active,.moco-btn-gray[disabled].active {
	cursor:default;
	box-shadow:none;
	opacity:1;
	color:#545c63;
	border-color:rgba(84,92,99,0.1);
	background:rgba(84,92,99,0.1)
}
.moco-btn-gray:hover,.moco-btn-gray:focus,.moco-btn-gray.focus,.moco-btn-gray:active,.moco-btn-gray.active {
	border-color:transparent
}
.moco-btn-gray.disabled,.moco-btn-gray[disabled],.moco-btn-gray.disabled:hover,.moco-btn-gray[disabled]:hover,.moco-btn-gray.disabled:focus,.moco-btn-gray[disabled]:focus,.moco-btn-gray.disabled.focus,.moco-btn-gray[disabled].focus,.moco-btn-gray.disabled:active,.moco-btn-gray[disabled]:active,.moco-btn-gray.disabled.active,.moco-btn-gray[disabled].active {
	color:#9199a1;
	background-color:rgba(84,92,99,0.08);
	border-color:transparent
}
.moco-btn-lg {
	padding:11px 32px;
	font-size:16px;
	line-height:24px;
	border-radius:24px
}
.moco-btn-lg i {
	font-size:18px
}
.moco-btn-sm {
	padding:7px 12px;
	font-size:12px;
	line-height:16px;
	border-radius:16px
}
.moco-btn-sm i {
	font-size:12px
}
.moco-btn-xs {
	padding:3px 12px;
	font-size:12px;
	line-height:16px;
	border-radius:12px
}
.moco-btn-xs i {
	font-size:12px
}
.moco-ico-btn-lg {
	padding:11px 24px;
	font-size:16px;
	line-height:24px;
	border-radius:24px
}
.moco-ico-btn-lg i {
	font-size:20px
}
.moco-ico-btn-sm {
	padding:7px 12px;
	font-size:12px;
	line-height:16px;
	border-radius:16px
}
.moco-ico-btn-sm i {
	font-size:14px
}
.moco-ico-btn-xs {
	padding:3px 12px;
	font-size:12px;
	line-height:16px;
	border-radius:12px
}
.moco-ico-btn-xs i {
	font-size:12px
}
.moco-ico-btn-xs i {
	top:0;
	margin-right:2px
}
.moco-form-control {
	display:block;
	width:100%;
	height:36px;
	padding:7px 16px;
	font-size:14px;
	line-height:1.42857143;
	color:#1c1f21;
	background-color:#fff;
	background-image:none;
	border:1px solid #9199a1;
	border-radius:4px;
	box-sizing:border-box;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.moco-form-control:focus {
	color:#1c1f21;
	outline:0;
	border:1px solid #545c63;
	box-shadow:0 0 0 4px rgba(28,31,33,0.1)
}
.moco-form-control:-moz-placeholder {
	color:#b2b8bd
}
.moco-form-control::-moz-placeholder {
	color:#b2b8bd;
	opacity:1
}
.moco-form-control:-ms-input-placeholder {
	color:#b2b8bd
}
.moco-form-control::-webkit-input-placeholder {
	color:#b2b8bd
}
.moco-form-control.placeholder {
	color:#b2b8bd
}
.moco-form-control::-ms-expand {
	border:0;
	background-color:transparent
}
.moco-form-control[disabled],.moco-form-control[readonly],fieldset[disabled] .moco-form-control {
	background-color:#545c63;
	opacity:1
}
.moco-form-control[disabled],fieldset[disabled] .moco-form-control {
	cursor:not-allowed
}
textarea.moco-form-control {
	height:auto
}
input[type="search"] {
	-webkit-appearance:none
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="date"].moco-form-control,input[type="time"].moco-form-control,input[type="datetime-local"].moco-form-control,input[type="month"].moco-form-control {
	line-height:36px
}
input[type="date"].moco-input-sm,input[type="time"].moco-input-sm,input[type="datetime-local"].moco-input-sm,input[type="month"].moco-input-sm,.moco-input-group-sm input[type="date"],.moco-input-group-sm input[type="time"],.moco-input-group-sm input[type="datetime-local"],.moco-input-group-sm input[type="month"] {
	line-height:34px
}
input[type="date"].moco-input-lg,input[type="time"].moco-input-lg,input[type="datetime-local"].moco-input-lg,input[type="month"].moco-input-lg,.moco-input-group-lg input[type="date"],.moco-input-group-lg input[type="time"],.moco-input-group-lg input[type="datetime-local"],.moco-input-group-lg input[type="month"] {
	line-height:48px
}
}.moco-form-group {
	overflow:hidden
}
.moco-radio,.moco-checkbox {
	position:relative;
	display:block;
	margin-top:10px;
	margin-bottom:10px
}
.moco-radio label,.moco-checkbox label {
	min-height:20px;
	padding-left:20px;
	margin-bottom:0;
	font-weight:normal;
	cursor:pointer
}
.moco-radio input[type="radio"],.moco-radio-inline input[type="radio"],.moco-checkbox input[type="checkbox"],.moco-checkbox-inline input[type="checkbox"] {
	position:absolute;
	margin-left:-20px;
	margin-top:4px \9
}
.moco-radio+.moco-radio,.moco-checkbox+.moco-checkbox {
	margin-top:-5px
}
.moco-radio-inline,.moco-checkbox-inline {
	position:relative;
	display:inline-block;
	padding-left:20px;
	margin-bottom:0;
	vertical-align:middle;
	font-weight:normal;
	cursor:pointer
}
.moco-radio-inline+.moco-radio-inline,.moco-checkbox-inline+.moco-checkbox-inline {
	margin-top:0;
	margin-left:10px
}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"] {
	cursor:not-allowed
}
.moco-radio-inline.disabled,.moco-checkbox-inline.disabled,fieldset[disabled] .moco-radio-inline,fieldset[disabled] .moco-checkbox-inline {
	cursor:not-allowed
}
.moco-radio.disabled label,.moco-checkbox.disabled label,fieldset[disabled] .moco-radio label,fieldset[disabled] .moco-checkbox label {
	cursor:not-allowed
}
.moco-form-control-static {
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:0;
	min-height:34px
}
.moco-form-control-static.moco-input-lg,.moco-form-control-static.moco-input-sm {
	padding-left:0;
	padding-right:0
}
.moco-input-sm {
	height:34px;
	padding:7px 12px;
	font-size:12px;
	line-height:1.5;
	border-radius:6px
}
select.moco-input-sm {
	height:34px;
	line-height:34px
}
textarea.moco-input-sm,select[multiple].moco-input-sm {
	height:auto
}
.moco-form-group-sm .moco-form-control {
	height:34px;
	padding:7px 12px;
	font-size:12px;
	line-height:1.5;
	border-radius:6px
}
.moco-form-group-sm select.moco-form-control {
	height:34px;
	line-height:34px
}
.moco-form-group-sm textarea.moco-form-control,.moco-form-group-sm select[multiple].moco-form-control {
	height:auto
}
.moco-form-group-sm .moco-form-control-static {
	height:34px;
	min-height:32px;
	padding:8px 12px;
	font-size:12px;
	line-height:1.5
}
.moco-input-lg {
	height:48px;
	padding:11px 32px;
	font-size:18px;
	line-height:1.3333333;
	border-radius:8px
}
select.moco-input-lg {
	height:48px;
	line-height:48px
}
textarea.moco-input-lg,select[multiple].moco-input-lg {
	height:auto
}
.moco-form-group-lg .moco-form-control {
	height:48px;
	padding:11px 14px;
	font-size:18px;
	line-height:1.3333333;
	border-radius:8px
}
.moco-form-group-lg select.moco-form-control {
	height:48px;
	line-height:48px
}
.moco-form-group-lg textarea.moco-form-control,.moco-form-group-lg select[multiple].moco-form-control {
	height:auto
}
.moco-form-group-lg .moco-form-control-static {
	height:48px;
	min-height:38px;
	padding:12px 32px;
	font-size:18px;
	line-height:1.3333333
}
.moco-control-label,.moco-control-input {
	float:left;
	padding:0 5px;
	box-sizing:border-box
}
.moco-control-label {
	width:20%;
	font-weight:bold
}
.moco-control-input {
	border-radius:0;
	width:80%
}
.moco-control-input .moco-control-tip {
	margin:6px 0;
	height:18px;
	font-size:12px;
	color:#f53d3d
}
.moco-radio,.moco-checkbox,.moco-radio-inline,.moco-checkbox-inline {
	margin-top:0;
	margin-bottom:0;
	padding-top:8px
}
.moco-radio,.moco-checkbox {
	min-height:28px
}
@media (min-width:768px) {
	.moco-control-label {
	text-align:right;
	margin-bottom:0;
	font-weight:bold;
	padding-top:8px
}
}@media (min-width:768px) {
	.moco-form-group-lg .moco-control-label {
	padding-top:12px;
	font-size:18px
}
}@media (min-width:768px) {
	.moco-form-group-sm .moco-control-label {
	padding-top:8px;
	font-size:12px
}
}body.moco-modal-body {
	overflow:hidden
}
.moco-modal-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:auto
}
.moco-modal-blackout {
	position:fixed;
	top:0;
	left:0;
	background:rgba(7,17,27,0.6)
}
.moco-modal-layer {
	position:absolute;
	background:#fff;
	box-shadow:0 8px 16px 0 rgba(7,17,27,0.2);
	border-radius:12px
}
.moco-modal-layer.fixed {
	top:20px !important;
	margin-bottom:20px !important
}
.moco-modal-title {
	margin-bottom:-8px;
	padding:24px 32px 0;
	line-height:20px
}
.moco-modal-title div {
	font-size:16px;
	font-weight:bold;
	color:#1c1f21
}
.moco-modal-draggable {
	cursor:move
}
.moco-modal-title a.moco-modal-close {
	font-size:24px;
	position:absolute;
	right:32px;
	top:24px;
	color:#b2b8bd;
	display:block;
	text-decoration:none
}
.moco-modal-title a.moco-modal-close:hover {
	color:#1c1f21
}
.moco-modal-inner .moco-modal-dialog {
	padding:32px
}
.moco-modal-inner .moco-modal-wrap {
	box-sizing:border-box;
	width:320px;
	padding:32px;
	line-height:1
}
.moco-modal-content {
	font-size:16px;
	font-weight:bold;
	color:#1c1f21;
	line-height:24px
}
.moco-modal-info {
	padding-top:8px;
	font-size:12px;
	color:#545c63;
	line-height:16px
}
.moco-modal-info a {
	color:#1481b8;
	text-decoration:none
}
.moco-modal-info a:hover {
	color:#0f618a
}
.moco-modal-btns {
	padding-top:32px;
	text-align:right
}
.moco-modal-btns .moco-btn {
	margin-left:12px;
	min-width:80px
}
.moco-tip-layer {
	position:absolute;
	z-index:99999;
	font-size:12px;
	line-height:16px;
	color:#1c1f21;
	padding:12px 16px 12px 12px;
	border-radius:8px
}
.moco-prompt-layer {
	font-size:12px;
	line-height:16px;
	color:#1c1f21;
	padding:12px 16px 12px 12px;
	border-radius:8px
}
.moco-modal-layer .moco-icon-tick-revert,.moco-modal-layer .moco-icon-ques-revert,.moco-modal-layer .moco-icon-point-revert {
	float:left;
	margin-right:4px;
	font-size:16px
}
.moco-modal-layer .moco-icon-tick-revert {
	color:#1fad4e
}
.moco-modal-layer .moco-icon-ques-revert {
	color:#1C1F21
}
.moco-modal-layer .moco-icon-point-revert {
	color:#f20d0d
}
.moco-tipconfirm-layer .moco-icon-tick-revert,.moco-tipconfirm-layer .moco-icon-ques-revert,.moco-tipconfirm-layer .moco-icon-point-revert {
	margin-top:4px
}
.moco-tipconfirm-layer .moco-btn {
	margin-left:4px;
	font-size:16px;
	width:36px;
	height:24px;
	line-height:24px;
	padding:0
}
.moco-tipconfirm-info {
	float:left;
	margin-right:8px;
	line-height:24px
}
.moco-column-title-list {
	width:280px;
	margin-bottom:20px;
	font:14px/1.5 "Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
	color:#1c1f21
}
.moco-column-title-list a {
	text-decoration:none
}
.moco-column-title-list ul {
	margin:0;
	padding:0;
	list-style:none
}
.moco-column-title-list .l {
	float:left
}
.moco-column-title-list .r {
	float:right
}
.moco-column-title-list .clearfix:after {
	content:'.';
	height:0;
	display:block;
	visibility:hidden;
	clear:both
}
.moco-column-title-list .moco-column {
	height:56px;
	font-size:16px;
	font-weight:bold;
	line-height:49px;
	color:#1c1f21;
	border-bottom:1px solid #b7bbbf
}
.moco-column-title-list .moco-column-list li {
	max-height:15em;
	line-height:1.5;
	word-break:break-all;
	border-bottom:1px solid #d9dde1
}
.moco-column-title-list .moco-column-list .moco-column-title {
	margin-top:15px;
	font-size:16px;
	line-height:24px;
	word-wrap:break-word;
	word-break:break-all;
	text-decoration:none;
	display:block;
	outline:none;
	color:#1c1f21
}
.moco-column-title-list .moco-column-list .moco-info-bar {
	margin-top:5px;
	margin-bottom:15px;
	font-size:12px;
	line-height:20px;
	color:#b5b9bc
}
.moco-column-title-list .moco-column-list .moco-info-bar a {
	color:#b5b9bc
}
.moco-column-title-list .moco-column-list .moco-info-bar .moco-spacer {
	margin-right:30px
}
.moco-course-list {
	font-family:"PingFang SC",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
	margin:-10px
}
.moco-course-wrap:hover {
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important;
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.3) !important;
	box-shadow:0 5px 20px rgba(0,0,0,0.3) !important
}
.moco-course-wrap {
	float:left;
	margin:10px;
	background-color:#fff;
	-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);
	position:relative
}
.moco-course-wrap .l {
	float:left
}
.moco-course-wrap .r {
	float:right
}
.moco-course-wrap .color-red {
	color:#f01414
}
.moco-course-wrap .moco-course-new {
	position:absolute;
	top:-5px;
	left:-5px;
	width:34px;
	height:18px;
	background-image:url(../images/icon-new.png);
	z-index:9
}
.moco-course-wrap .moco-course-tag {
	position:absolute;
	left:-4px;
	top:4px;
	z-index:1;
	font-size:12px;
	color:#fff;
	padding:0 6px;
	height:20px;
	line-height:20px;
	background:#00b33b
}
.moco-course-wrap .moco-course-tag-bg {
	position:absolute;
	display:inline-block;
	left:-4px;
	top:24px;
	z-index:1;
	width:0;
	height:0;
	border-top:4px solid #4d555d;
	border-left:4px solid transparent
}
.moco-course-wrap .moco-course-box {
	width:224px;
	height:172px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative
}
.moco-course-wrap .moco-course-box .moco-course-status {
	position:absolute;
	padding-top:3px;
	padding-left:3px;
	left:0;
	top:0;
	font-size:12px;
	width:32px;
	height:32px;
	box-sizing:border-box;
	color:#fff;
	background-image:url(../images/bg-status.png)
}
.moco-course-wrap .moco-course-box .moco-course-intro {
	box-sizing:border-box;
	position:absolute;
	padding:0 20px;
	transition:top .5s;
	top:65px;
	height:144px;
	width:100%;
	background-image:url(../images/bg-course.png)
}
.moco-course-wrap .moco-course-box .moco-course-intro h3 {
	margin:0;
	padding:16px 0 6px;
	font-size:14px;
	max-height:40px;
	overflow:hidden;
	color:#07111b;
	line-height:21px
}
.moco-course-wrap .moco-course-box .moco-course-intro h3 i {
	float:left;
	margin-top:2px;
	margin-right:4px;
	padding:2px;
	font-style:normal;
	font-size:12px;
	color:#fff;
	line-height:12px;
	border-radius:1px;
	background-color:#93999f
}
.moco-course-wrap .moco-course-box .moco-course-intro p {
	color:#93999f;
	font-size:12px;
	height:40px;
	overflow:hidden;
	line-height:20px
}
.moco-course-wrap .moco-course-box .moco-course-bottom {
	position:absolute;
	padding:0 20px;
	bottom:0;
	box-sizing:border-box;
	width:100%;
	height:42px;
	background-color:#fff;
	color:#93999f;
	font-size:12px;
	line-height:36px
}
.moco-course-wrap .moco-course-box:hover .moco-course-intro {
	top:28px
}
.moco-usercard-dialog {
	position:absolute;
	border-radius:4px !important;
	z-index:1000 !important;
	background-color:#fff;
	box-shadow:0 12px 24px 0 rgba(0,0,0,0.24)
}
.moco-usercard-mxr {
	background-position:0 2px
}
.moco-usercard-teacher {
	background-position:0 -18px
}
.moco-usercard-author {
	background-position:0 -40px
}
.moco-usercard-headialog {
	border-radius:4px;
	text-align:center;
	width:340px;
	height:136px
}
.moco-usercard-headialog .moco-usercard-head {
	border-radius:20px;
	margin-top:20px
}
.moco-usercard-headialog .ml3 {
	margin-left:3px
}
.moco-usercard-headialog p,.moco-usercard-headialog a {
	margin-top:9px;
	color:#fff !important
}
.moco-usercard-headialog .moco-usercard-signature {
	color:#93999f !important;
	margin-top:25px;
	margin-bottom:15px;
	min-height:36px;
	max-height:36px;
	width:307px;
	white-space:pre-line;
	overflow:hidden;
	margin-left:17px;
	display:block;
	text-overflow:ellipsis
}
.moco-usercard-headialog .moco-usercard-job-title {
	min-height:20px
}
.moco-usercard-headialog .moco-usercard-detail-left {
	width:40%;
	height:20px;
	float:left;
	border-right:1px solid #ccc;
	text-align:right;
	padding-right:10%;
	color:#4d555d
}
.moco-usercard-headialog .moco-usercard-detail-right {
	width:39%;
	height:20px;
	float:right;
	text-align:left;
	padding-left:10%;
	color:#4d555d
}
.moco-usercard-headialog .moco-usercard-add-attention-error {
	color:#EF1300;
	margin-top:0
}
.moco-usercard-signicon {
	display:inline-block;
	margin-left:2px;
	top:4px;
	height:21px;
	width:20px;
	background-image:url(/static/img/u/user-info-icon-little.png);
	background-repeat:no-repeat;
	position:relative
}
.moco-usercard-gender {
	display:inline-block;
	width:16px;
	height:16px;
	background:url('/static/img/u/gender.png') no-repeat;
	vertical-align:-3px
}
.moco-usercard-girl {
	background-position:0 -16px
}
.moco-usercard-boy {
	background-position:0 0
}
.moco-usercard-secret {
	background:url('/static/img/u/secret.png') no-repeat
}
.moco-usercard-mc-btn {
	display:inline-block;
	padding:0 30px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:none;
	border-radius:2px;
	line-height:40px
}
.moco-usercard-mc-btn .moco-usercard-btn-icon {
	font-size:22px;
	position:relative;
	top:3px
}
.moco-usercard-mc-btn-success {
	color:#fff;
	background-color:#5cb85c;
	border-color:#4cae4c
}
.moco-usercard-mc-btn-success:hover {
	color:#fff;
	background-color:#449d44;
	border-color:#398439
}
.moco-usercard-mc-btn-primary {
	color:#fff;
	background-color:#008cc8;
	border-color:#2e6da4
}
.moco-usercard-mc-btn-primary:hover {
	color:#fff;
	background-color:#286090;
	border-color:#204d74
}
.moco-usercard-mc-btn-primaryDisable {
	color:#fff;
	background-color:#008cc8;
	border-color:#2e6da4;
	cursor:default
}
.moco-usercard-mc-btn-default {
	color:#333;
	background-color:#e6e6e6;
	border-color:#ccc
}
.word-break {
	word-break:break-all;
	word-wrap:break-word
}
.keep-word {
	white-space:nowrap;
	word-break:keep-all
}
.imgPreview {
	position:fixed;
	top:50%;
	left:50%;
	width:50px;
	height:50px;
	margin-left:-25px;
	margin-top:-25px;
	z-index:10002;
	background:#fff url('//static.mukewang.com/static/img/course/loading.gif') no-repeat center;
	display:none;
	transition:all .3s ease 0s
}
.imgPreview img {
	width:100%;
	border:0
}
.imgPreview.pngshow {
	background:#fff
}
.imgPreview-make {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:10001;
	background-color:rgba(0,0,0,0.6)
}
.imgPreviewHandle {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10003
}
.viewOriginalImg {
	position:absolute;
	bottom:20px;
	width:70px;
	left:50%;
	margin-left:-35px;
	text-align:center
}
.viewOriginalImg .viewOriginalImgText {
	display:inline-block;
	border:3px solid #404040;
	padding:4px 8px;
	height:18px;
	line-height:18px;
	font-size:12px;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,0.6)
}
.imgPreview-btn {
	position:absolute;
	width:80px;
	height:80px;
	background-color:#2b333b;
	border-radius:50%;
	cursor:pointer;
	top:50%;
	margin-top:-40px;
	text-align:center;
	line-height:80px;
	font-size:32px;
	z-index:9999;
	color:#fff;
	transition:.3s all linear
}
.imgPreview-btn:hover {
	background-color:#4d555d
}
.imgPreview-btn.next {
	right:20px
}
.imgPreview-btn.prev {
	left:20px
}
.imgPreview-close {
	cursor:pointer;
	height:30px;
	position:absolute;
	width:30px;
	right:40px;
	top:40px;
	font-weight:600;
	font-size:26px;
	color:#88929C;
	z-index:9999;
	transition:.3s all linear
}
.imgPreview-close:hover {
	color:#fff
}
.powers-user {
	float:left;
	font-size:12px;
	background:#ffcc66;
	width:28px;
	height:16px;
	line-height:16px;
	text-align:center;
	color:#fff;
	margin-left:4px;
	margin-top:2px
}
.moco-getcoupon-block {
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(7,17,27,0.6);
	z-index:999
}
.moco-getcoupon-wrap {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-208px;
	padding:20px 32px;
	width:416px;
	background-color:#fff;
	background-image:url('../images/coupon-big-bg.png');
	background-repeat:no-repeat;
	background-position:top center;
	box-shadow:0 8px 16px 0 rgba(7,17,27,0.2);
	border-radius:16px;
	box-sizing:border-box;
	text-align:center;
	z-index:1000
}
.moco-getcoupon-wrap .moco-getcoupon-top-img {
	position:absolute;
	top:-12px;
	left:-32px;
	width:480px;
	height:80px;
	background-image:url('../images/coupon-top-bg.png');
	background-repeat:no-repeat;
	z-index:1001
}
.moco-getcoupon-wrap .moco-getcoupon-content-box {
	position:relative;
	z-index:1002
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-big-title {
	font-size:32px;
	color:#FFFFFF;
	line-height:48px;
	font-weight:bold;
	text-shadow:0 2px 4px rgba(7,17,27,0.2)
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-smalle-title {
	font-size:16px;
	color:#FFFFFF;
	text-shadow:0 2px 4px rgba(7,17,27,0.2)
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box {
	position:relative;
	margin:16px auto 0;
	width:352px;
	overflow:hidden
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box {
	width:100%
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item:last-child {
	margin-bottom:0
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item {
	padding:24px 32px;
	margin:0 auto 16px;
	width:320px;
	height:144px;
	background:url('../images/coupon-bg.png');
	background-color:#fff;
	background-repeat:no-repeat;
	font-size:12px;
	color:#4D555D;
	line-height:24px;
	box-sizing:border-box;
	border-radius:8px;
	box-shadow:0 8px 16px 0 rgba(7,17,27,0.2);
	text-align:left
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item .moco-getcoupon-coupon-face-value {
	margin-bottom:8px;
	font-size:14px;
	color:#F01414;
	line-height:40px;
	font-weight:bold
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item .moco-getcoupon-coupon-face-value .moco-getcoupon-face-value {
	margin-right:12px;
	font-size:36px
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item a {
	color:#4D555D
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-coupon-smalle-box .moco-getcoupon-coupon-big-box .moco-getcoupon-coupon-item a:hover {
	color:#4D555D
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-tip-text {
	margin:16px auto;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-close-btn {
	margin:0 auto;
	width:152px;
	height:36px;
	border:1px solid #FFFFFF;
	border-radius:18px;
	font-size:14px;
	color:#FFFFFF;
	line-height:36px;
	text-align:center;
	cursor:pointer
}
.moco-getcoupon-wrap .moco-getcoupon-content-box .moco-getcoupon-close-btn:hover {
	background:rgba(255,255,255,0.2)
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
50% {
	opacity:1
}
}@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(.3,.3,.3);
	transform:scale3d(.3,.3,.3)
}
50% {
	opacity:1
}
}.moco-getcoupon-zoomIn {
	-webkit-animation-duration:300ms;
	animation-duration:300ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn
}
.moco-getcoupon-zoomIn1 {
	-webkit-animation-duration:400ms;
	animation-duration:400ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes fadeIn {
	from {
	opacity:0
}
to {
	opacity:1
}
}.moco-getcoupon-fadeIn {
	-webkit-animation-duration:.4s;
	animation-duration:.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,10%,0);
	transform:translate3d(0,10%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,10%,0);
	transform:translate3d(0,10%,0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}.moco-getcoupon-fadeInUp {
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
.moco-getcoupon-fadeInUp1 {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
.moco-getcoupon-loading {
	display:none;
	width:70px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-35px;
	margin-top:-13px;
	z-index:1002
}
.moco-getcoupon-loading .moco-getcoupon-bounce1,.moco-getcoupon-loading .moco-getcoupon-bounce2,.moco-getcoupon-loading .moco-getcoupon-bounce3 {
	width:20px;
	height:20px;
	background-color:#d9dde1;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:bouncedelay 1.2s infinite ease-in-out;
	animation:bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.moco-getcoupon-loading .moco-getcoupon-bounce1 {
	-webkit-animation-delay:-0.32s;
	animation-delay:-0.32s
}
.moco-getcoupon-loading .moco-getcoupon-bounce2 {
	-webkit-animation-delay:-0.16s;
	animation-delay:-0.16s
}
@-webkit-keyframes bouncedelay {
	0%,80%,100% {
	-webkit-transform:scale(0)
}
40% {
	-webkit-transform:scale(1)
}
}@keyframes bouncedelay {
	0%,80%,100% {
	transform:scale(0);
	-webkit-transform:scale(0)
}
40% {
	transform:scale(1);
	-webkit-transform:scale(1)
}
}/*! perfect-scrollbar - v0.4.5
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2013 HyeonJe Jun;
	Licensed MIT */.ps-container .ps-scrollbar-y-rail {
	position:absolute;
	right:0;
	top:8px;
	width:8px;
	background:#282e30;
	opacity:0;
	filter:alpha(opacity=0);
	-o-transition:background-color .2s linear,opacity .2s linear;
	-webkit-transition:background-color .2s linear,opacity .2s linear;
	-moz-transition:background-color .2s linear,opacity .2s linear;
	transition:background-color .2s linear,opacity .2s linear
}
.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail {
	opacity:.6;
	filter:alpha(opacity=60)
}
.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover {
	background-color:#282e30;
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
	opacity:.9;
	filter:alpha(opacity=90)
}
.ps-container .ps-scrollbar-y {
	position:absolute;
	right:0;
	width:4px;
	background:rgba(7,17,27,0.2);
	border-radius:4px;
	-o-transition:background-color .2s linear;
	-webkit-transition:background-color .2s linear;
	-moz-transition:background-color .2s linear;
	transition:background-color .2s linear
}
.ps-container.ie .ps-scrollbar-y {
	font-size:0
}
.moco-getcoupon-wrap .ps-scrollbar-y-rail {
	background-color:transparent !important
}
.moco-aside-course {
	background:#f8fafc
}
.moco-aside-course li {
	margin-bottom:8px
}
.moco-aside-course li .aside-course-img {
	float:left;
	width:80px;
	height:59px;
	border-radius:6px;
	overflow:hidden;
	position:relative
}
.moco-aside-course li .aside-course-img img {
	width:80px;
	height:59px;
	border-radius:6px
}
.moco-aside-course li .aside-course-img .aside-course-type {
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
	color:#FFFFFF;
	line-height:18px;
	padding:2px 4px;
	background:#1C1F21;
	border-radius:6px 0 6px 0
}
.moco-aside-course li .aside-course-content {
	margin-left:96px;
	height:67px;
	position:relative;
	box-sizing:border-box;
	font-size:12px;
	color:#545C63;
	line-height:18px;
	border-bottom:1px solid rgba(43,51,59,0.1)
}
.moco-aside-course li .aside-course-content a.aside-course-name {
	font-size:14px;
	line-height:20px;
	margin-bottom:4px;
	cursor:pointer;
	background:#f8fafc;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	max-height:40px
}
.moco-aside-course li .aside-course-content .aside-course-price,.moco-aside-course li .aside-course-content .aside-course-grade,.moco-aside-course li .aside-course-content .aside-course-people,.moco-aside-course li .aside-course-content .aside-course-dot {
	float:left
}
.moco-aside-course li .aside-course-content .aside-course-price {
	font-weight:bold
}
.moco-aside-course li .aside-course-content .aside-course-price .aside-discount-price,.moco-aside-course li .aside-course-content .aside-course-price .aside-discount-intro {
	color:#ff0000
}
.moco-aside-course li .aside-course-content .aside-course-price .aside-discount-intro {
	margin-left:4px;
	line-height:18px;
	padding:0 4px;
	font-weight:normal;
	background:rgba(242,13,13,0.1);
	border-radius:2px
}
.moco-aside-course li .aside-course-content .aside-course-dot {
	margin-left:1px;
	margin-right:1px
}
.moco-aside-course li:last-child .aside-course-content {
	border-bottom:none
}
.moco-label {
	padding:4px 12px;
	font-size:12px;
	color:#545c63;
	line-height:16px;
	background:rgba(84,92,99,0.1);
	border-radius:12px;
	cursor:pointer
}
.moco-label:hover {
	color:#1c1f21;
	background:rgba(84,92,99,0.2)
}
.moco-label.active {
	color:#FFFFFF;
	background:#545c63;
	cursor:default
}
.moco-change-smalle-btn {
	padding:4px 12px;
	font-size:12px;
	color:#545c63;
	line-height:16px;
	background:#fff;
	border-radius:12px;
	cursor:pointer
}
.moco-change-smalle-btn:hover {
	color:#545c63;
	background:rgba(145,153,161,0.2)
}
.moco-change-smalle-btn.active {
	color:#FFFFFF;
	background:#9199a1;
	cursor:default
}
.moco-change-big-btn {
	display:inline-block;
	padding:0 16px;
	font-size:16px;
	color:#545c63;
	line-height:37px;
	font-weight:bold;
	cursor:pointer
}
.moco-change-big-btn:hover {
	color:#f20d0d
}
.moco-change-big-btn.active {
	position:relative;
	color:#f20d0d !important;
	cursor:default
}
.moco-change-big-btn.active:after {
	margin:0 auto;
	content:'';
	display:block;
	width:16px;
	border-radius:2px;
	height:3px;
	background:#f20d0d
}
.moco-switch-btn {
	position:relative;
	float:left;
	width:32px;
	height:16px;
	margin:0 18px
}
.moco-switch-btn .moco-switch-line {
	position:absolute;
	width:100%;
	height:8px;
	background:rgba(84,92,99,0.2);
	border-radius:4px;
	top:4px;
	right:0
}
.moco-switch-btn .moco-switch-round {
	position:absolute;
	width:16px;
	height:16px;
	border-radius:50%;
	background-color:#fff;
	border:2px solid #D3D6D9;
	box-shadow:0 1px 2px 0 rgba(28,31,33,0.1);
	box-sizing:border-box;
	top:0;
	left:0;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.moco-switch-btn.active .moco-switch-line {
	background:rgba(242,13,13,0.4)
}
.moco-switch-btn.active .moco-switch-round {
	left:16px
}
